import { ref } from 'vue'
// 抽离方法块：约定以use开头
const useList = () => {
  // 定义todo的列表数据
  const list = ref([{ id: 0, name: '吃饭', ok: false }, { id: 1, name: '打豆豆', ok: false }])
  // 操作数据方法
  // 删除
  const del = (index) => {
    list.value.splice(index, 1)
  }
  // 添加=》定义任务名变量
  const name = ref('')
  const add = () => {
    if (!name.value) return
    list.value.unshift({
      id: Date.now(),
      name: name.value,
      ok: false
    })
    // 清空输入框
    name.value = ''
  }
  return { list, del, add, name }
}

export { useList }
